<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>OIM</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="icon" type="image/x-icon" href="favicon.ico">
        <link rel="shortcut icon" href="favicon.ico" />
        <link href="css/wc.css" rel="stylesheet" type="text/css"/>
        <link href="js/lib/jquery-custom-scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" >

        <script src="js/lib/jquery/jquery-3.2.1.min.js"></script>
        <script src="js/lib/jquery-custom-scrollbar/jquery.mCustomScrollbar.js"></script>
    </head>
    <body>

        <div class="main">
            <div class="main_inner" >
                <!--begin panel-->
                <div class="panel">
                    <!--begin header-->
                    <div class="header">
                        <div class="avatar">
                            <img class="img" src="images/common/head/user/1.png" alt="" >
                        </div>
                        <div class="info">
                            <h3 class="nickname">
                                <span class="display_name">忧郁de星辰</span>
                                <a class="opt" href="javascript:;" ><i class="web_wechat_add"></i></a>
                            </h3>
                        </div>
                    </div>
                    <!--end header-->
                    <!--begin search-->
                    <div class="search_bar" id="search_bar">
                        <i class="web_wechat_search"></i>
                        <input class="frm_search" type="text" placeholder="搜索">
                    </div>
                    <!--end search-->
                    <!--begin tab-->
                    <div class="tab">
                        <div class="tab_item">
                            <a class="chat" title="聊天" href="#"><i class="web_wechat_tab_chat web_wechat_tab_chat_hl" ></i></a>
                        </div>
                        <div class="tab_item" >
                            <a class="chat" title="阅读" href="#"><i class="web_wechat_tab_public" ></i></a>
                        </div>
                        <div class="tab_item">
                            <a class="chat" title="通讯录" href="#"><i class="web_wechat_tab_friends"></i></a>
                        </div>
                    </div>
                    <!--end tab-->

                    <!--begin nav view-->
                    <!-- uiView: navView -->
                    <div  id="navView" class=""></div>

                    <div class="nav_view"  style="visibility: visible; width: auto;">

                        <div class="scroll-wrapper chat_list scrollbar">
                            <div  class="">
                                <div class="chat_item slide-left active">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                        <p class="attr" >
                                            <i class="web_wechat_no-remind web_wechat_no-remind_hl" ></i>
                                        </p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div><div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div  class="">
                                <div class="chat_item slide-left">
                                    <div class="ext">
                                        <p class="attr">13:46</p>
                                    </div>
                                    <div class="avatar">
                                        <img class="img" src="images/common/head/user/2.png" alt="">
                                    </div>
                                    <div class="info">
                                        <h3 class="nickname">
                                            <span class="nickname_text" >陈娅楠</span>
                                        </h3>
                                        <p class="" >
                                            <span  class="msg">感觉有点闷热</span>
                                        </p>
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                    <!--end nav view-->
                </div>
                <!--end panel-->
                <!--begin chat-->
                <!-- uiView: contentView -->
                <div  style="height:100%;" class="">


                    <div id="chatArea" class="box chat">

                        <div id="user_show_pane" style="">       

                            <!--begin HD-->
                            <div class="box_hd">
                                <!--<a class="ext web_wechat_addfriend" href="javascript:;" ng-click="showChatRoomMembers($event)" ng-show="currentContact.isRoomContact()" title="成员"></a>-->
                                <!--<a class="ext web_wechat_addfriend" href="javascript:;" ng-click="showProfile($event)" ng-show="!currentContact.isRoomContact()" title="Profile"></a>-->
                                <div id="chatRoomMembersWrap"></div>
                                <div class="title_wrap">
                                    <div class="title poi" >
                                        <a class="title_name" ></a>
                                        <!-- ngIf: currentContact.MemberList.length -->
                                        <i class="web_wechat_down_icon" ></i>
                                    </div>
                                </div>
                            </div>
                            <!--end HD-->
                            <div class="box_bd">



                            <div class="">
                                        <div class="clearfix">
                                            <div style="overflow: hidden;">
                                                <!-- 系统消息 -->
                                                <!-- ngSwitchWhen: 10000 -->
                                                <!-- ngSwitchDefault:  -->
                                                <div class="message  you" >
                                                    <!-- ngIf: message.MMTime||(newMsg && newMsg==message) -->
                                                    <div class="message_system ">
                                                        <!-- ngIf: (isScrollToUnread && newMsg==message) -->
                                                        <!-- ngIf: (message.MMTime&&!(newMsg && newMsg==message)) -->
                                                        <div class="content ng-binding ">16:37</div>
                                                        <!-- end ngIf: (message.MMTime&&!(newMsg && newMsg==message)) --></div>
                                                    <!-- end ngIf: message.MMTime||(newMsg && newMsg==message) -->
                                                    <img class="avatar" src="" title="忧郁de星辰" >
                                                    <div class="content">
                                                        <!-- ngIf: message.MMIsChatRoom && !message.MMIsSend -->
                                                        <!-- ngIf: message.MsgType != CONF.MSGTYPE_EMOTICON -->
                                                        <div class="bubble js_message_bubble  bubble_default left">

                                                            <!--news消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.MMPeerUserName == 'newsapp' -->

                                                            <!--红包消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_RED_ENVELOPES -->
                                                            <!--纯文本消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.SubMsgType != CONF.MSGTYPE_LOCATION -->
                                                            <div class="bubble_cont " >
                                                                <div class="plain">
                                                                    <pre class="js_message_plain ng-binding" >哈哈哈哈，这是测试<br>一个样式<img class="qqemoji qqemoji23" src=""><img class="qqemoji qqemoji41" src=""></pre>
                                                                    <img class="ico_loading ng-hide" src="" alt="">
                                                                    <i class="ico_fail web_wechat_message_fail ng-hide" title="重新发送"></i>
                                                                </div>
                                                            </div>
                                                            <!-- end ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.SubMsgType != CONF.MSGTYPE_LOCATION -->

                                                            <!-- 地理消息 -->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.SubMsgType == CONF.MSGTYPE_LOCATION -->



                                                            <!--图片消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_IMAGE -->

                                                            <!--语音消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VOICE -->

                                                            <!--视频消息 todo-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VIDEO -->

                                                            <!--小视频消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_MICROVIDEO -->


                                                            <!--名片消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_SHARECARD -->



                                                            <!--朋友验证消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VERIFYMSG -->

                                                            <!--链接消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_URL -->

                                                            <!--附件-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_ATTACH -->

                                                            <!-- 模版消息 -->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_READER_TYPE -->

                                                        </div><!-- end ngIf: message.MsgType != CONF.MSGTYPE_EMOTICON -->

                                                        <!--表情消息-->
                                                        <!-- ngIf: message.MsgType == CONF.MSGTYPE_EMOTICON -->



                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- ngRepeat: message in chatContent -->
                                    <div class="">
                                        <div class="clearfix" >
                                            <div  style="overflow: hidden;" >
                                                <!-- 系统消息 -->
                                                <!-- ngSwitchWhen: 10000 -->
                                                <!-- ngSwitchDefault:  -->
                                                <div ng-switch-default="" class="message you" >
                                                    <!-- ngIf: message.MMTime||(newMsg && newMsg==message) -->
                                                    <div class="message_system ">
                                                        <!-- ngIf: (isScrollToUnread && newMsg==message) -->
                                                        <!-- ngIf: (message.MMTime&&!(newMsg && newMsg==message)) -->
                                                        <div class="content ng-binding ">16:49</div>
                                                        <!-- end ngIf: (message.MMTime&&!(newMsg && newMsg==message)) -->
                                                    </div>
                                                    <!-- end ngIf: message.MMTime||(newMsg && newMsg==message) -->
                                                    <img class="avatar" src=""  title="忧郁de星辰" >
                                                    <div class="content">
                                                        <!-- ngIf: message.MMIsChatRoom && !message.MMIsSend -->
                                                        <!-- ngIf: message.MsgType != CONF.MSGTYPE_EMOTICON -->
                                                        <div class="bubble js_message_bubble  bubble_default left" >

                                                            <!--news消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.MMPeerUserName == 'newsapp' -->

                                                            <!--红包消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_RED_ENVELOPES -->
                                                            <!--纯文本消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.SubMsgType != CONF.MSGTYPE_LOCATION -->

                                                            <!-- 地理消息 -->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.SubMsgType == CONF.MSGTYPE_LOCATION -->
                                                            <div class="bubble_cont ">
                                                                <div class="location">
                                                                    <a href="http://apis.map.qq.com/uri/v1/geocoder?coord=22.542622,114.114914" target="_blank">
                                                                        <img alt="" class="img" src="">
                                                                        <p class="desc ng-binding">鸿隆世纪广场A座(深圳市罗湖区)</p>
                                                                    </a>
                                                                </div>
                                                            </div><!-- end ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.SubMsgType == CONF.MSGTYPE_LOCATION -->



                                                            <!--图片消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_IMAGE -->

                                                            <!--语音消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VOICE -->

                                                            <!--视频消息 todo-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VIDEO -->

                                                            <!--小视频消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_MICROVIDEO -->


                                                            <!--名片消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_SHARECARD -->



                                                            <!--朋友验证消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VERIFYMSG -->

                                                            <!--链接消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_URL -->

                                                            <!--附件-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_ATTACH -->

                                                            <!-- 模版消息 -->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_READER_TYPE -->

                                                        </div><!-- end ngIf: message.MsgType != CONF.MSGTYPE_EMOTICON -->

                                                        <!--表情消息-->
                                                        <!-- ngIf: message.MsgType == CONF.MSGTYPE_EMOTICON -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- end ngRepeat: message in chatContent -->
                                    <div class="">
                                        <div class="clearfix">
                                            <div style="overflow: hidden;" >
                                                <!-- 系统消息 -->
                                                <!-- ngSwitchWhen: 10000 -->
                                                <!-- ngSwitchDefault:  -->
                                                <div class="message  you" >
                                                    <!-- ngIf: message.MMTime||(newMsg && newMsg==message) -->

                                                    <img class="avatar" src="" title="忧郁de星辰">
                                                    <div class="content">
                                                        <!-- ngIf: message.MMIsChatRoom && !message.MMIsSend -->
                                                        <!-- ngIf: message.MsgType != CONF.MSGTYPE_EMOTICON -->
                                                        <div class="bubble js_message_bubble  bubble_default left" >

                                                            <!--news消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.MMPeerUserName == 'newsapp' -->

                                                            <!--红包消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_RED_ENVELOPES -->
                                                            <!--纯文本消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.SubMsgType != CONF.MSGTYPE_LOCATION -->

                                                            <!-- 地理消息 -->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.SubMsgType == CONF.MSGTYPE_LOCATION -->



                                                            <!--图片消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_IMAGE -->

                                                            <!--语音消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VOICE -->

                                                            <!--视频消息 todo-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VIDEO -->

                                                            <!--小视频消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_MICROVIDEO -->


                                                            <!--名片消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_SHARECARD -->
                                                            <div class="bubble_cont primary " >
                                                                <div class="card">
                                                                    <div class="card_hd"><!-- ngIf: message.RecommendInfo.VerifyFlag --><!-- ngIf: !message.RecommendInfo.VerifyFlag -->
                                                                        <p ng-if="!message.RecommendInfo.VerifyFlag" class="">个人名片</p><!-- end ngIf: !message.RecommendInfo.VerifyFlag --></div>
                                                                    <div class="card_bd">
                                                                        <div class="card_avatar">
                                                                            <img class="img" alt="" src="">
                                                                        </div>
                                                                        <div class="info">
                                                                            <h3 class="display_name ng-binding" ng-bind-html="message.RecommendInfo.NickName">忧郁de星辰</h3>
                                                                            <!--<p class="signature" ng-bind-html="message.MMUserName"></p>-->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div><!-- end ngIf: message.MsgType == CONF.MSGTYPE_SHARECARD -->



                                                            <!--朋友验证消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VERIFYMSG -->

                                                            <!--链接消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_URL -->

                                                            <!--附件-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_ATTACH -->

                                                            <!-- 模版消息 -->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_READER_TYPE -->

                                                        </div><!-- end ngIf: message.MsgType != CONF.MSGTYPE_EMOTICON -->

                                                        <!--表情消息-->
                                                        <!-- ngIf: message.MsgType == CONF.MSGTYPE_EMOTICON -->



                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- end ngRepeat: message in chatContent --><div class="">
                                        <div class="clearfix" >
                                            <div style="overflow: hidden;" >
                                                <!-- 系统消息 -->
                                                <!-- ngSwitchWhen: 10000 -->
                                                <!-- ngSwitchDefault:  -->
                                                <div class="message  me" >
                                                    <!-- ngIf: message.MMTime||(newMsg && newMsg==message) -->



                                                    <img class="avatar" src="" title="烙灵" >
                                                    <div class="content">
                                                        <!-- ngIf: message.MMIsChatRoom && !message.MMIsSend -->
                                                        <!-- ngIf: message.MsgType != CONF.MSGTYPE_EMOTICON -->
                                                        <div class="bubble js_message_bubble  bubble_primary right no_arrow" >

                                                            <!--news消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.MMPeerUserName == 'newsapp' -->

                                                            <!--红包消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_RED_ENVELOPES -->
                                                            <!--纯文本消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.SubMsgType != CONF.MSGTYPE_LOCATION -->

                                                            <!-- 地理消息 -->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.SubMsgType == CONF.MSGTYPE_LOCATION -->



                                                            <!--图片消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_IMAGE -->

                                                            <!--语音消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VOICE -->

                                                            <!--视频消息 todo-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VIDEO --><div class="bubble_cont ">
                                                                <div class="video" ng-click="showVideo(message.MsgId)">
                                                                    <!-- ngIf: message.MMStatus!=1 && message.MMFileStatus !== CONF.MM_SEND_FILE_STATUS_FAIL -->
                                                                    <img height="120" width="160" class="msg-img " src="" style="height: 960px; width: 540px;"><!-- end ngIf: message.MMStatus!=1 && message.MMFileStatus !== CONF.MM_SEND_FILE_STATUS_FAIL -->
                                                                    <!-- ngIf: message.MMStatus!=1 && message.MMFileStatus !== CONF.MM_SEND_FILE_STATUS_FAIL -->
                                                                    <i class="web_wechat_paly "></i><!-- end ngIf: message.MMStatus!=1 && message.MMFileStatus !== CONF.MM_SEND_FILE_STATUS_FAIL -->
                                                                    <!-- ngIf: message.MMStatus!=1 && message.MMFileStatus !== CONF.MM_SEND_FILE_STATUS_FAIL -->
                                                                    <i class="arrow "></i><!-- end ngIf: message.MMStatus!=1 && message.MMFileStatus !== CONF.MM_SEND_FILE_STATUS_FAIL -->
                                                                    <!-- ngIf: message.MMStatus == 1 || message.MMFileStatus == CONF.MM_SEND_FILE_STATUS_FAIL -->

                                                                    <p class="loading ng-hide" >
                                                                        <img src="" alt="">
                                                                    </p>
                                                                </div>

                                                            </div><!-- end ngIf: message.MsgType == CONF.MSGTYPE_VIDEO -->

                                                            <!--小视频消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_MICROVIDEO -->


                                                            <!--名片消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_SHARECARD -->



                                                            <!--朋友验证消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VERIFYMSG -->

                                                            <!--链接消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_URL -->

                                                            <!--附件-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_ATTACH -->

                                                            <!-- 模版消息 -->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_READER_TYPE -->

                                                        </div><!-- end ngIf: message.MsgType != CONF.MSGTYPE_EMOTICON -->

                                                        <!--表情消息-->
                                                        <!-- ngIf: message.MsgType == CONF.MSGTYPE_EMOTICON -->



                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- end ngRepeat: message in chatContent -->
                                    <div class="">
                                        <div class="clearfix">
                                            <div style="overflow: hidden;">
                                                <!-- 系统消息 -->
                                                <!-- ngSwitchWhen: 10000 -->
                                                <!-- ngSwitchDefault:  -->
                                                <div class="message  me" >
                                                    <!-- ngIf: message.MMTime||(newMsg && newMsg==message) -->
                                                    <img class="avatar" src="" title="烙灵" >
                                                    <div class="content">
                                                        <!-- ngIf: message.MMIsChatRoom && !message.MMIsSend -->
                                                        <!-- ngIf: message.MsgType != CONF.MSGTYPE_EMOTICON -->
                                                        <div class="bubble js_message_bubble  bubble_primary right" >

                                                            <!--news消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.MMPeerUserName == 'newsapp' -->

                                                            <!--红包消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_RED_ENVELOPES -->
                                                            <!--纯文本消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.SubMsgType != CONF.MSGTYPE_LOCATION -->

                                                            <!-- 地理消息 -->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_TEXT && message.SubMsgType == CONF.MSGTYPE_LOCATION -->



                                                            <!--图片消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_IMAGE -->

                                                            <!--语音消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VOICE -->

                                                            <!--视频消息 todo-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VIDEO -->

                                                            <!--小视频消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_MICROVIDEO -->


                                                            <!--名片消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_SHARECARD -->



                                                            <!--朋友验证消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_VERIFYMSG -->

                                                            <!--链接消息-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_URL -->

                                                            <!--附件-->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_ATTACH -->
                                                            <div class="bubble_cont primary ">
                                                                <div class="attach">
                                                                    <div class="attach_bd">
                                                                        <div class="cover" >
                                                                            <!-- ngSwitchWhen: txt -->
                                                                            <i class="icon-txt "></i>
                                                                            <!-- ngSwitchWhen: pdf -->
                                                                            <!-- ngSwitchWhen: xls -->
                                                                            <!-- ngSwitchWhen: xlsx -->
                                                                            <!-- ngSwitchWhen: doc -->
                                                                            <!-- ngSwitchWhen: docx -->
                                                                            <!-- ngSwitchWhen: ppt -->
                                                                            <!-- ngSwitchWhen: pptx -->
                                                                            <!-- ngSwitchWhen: zip -->
                                                                            <!-- ngSwitchWhen: numbers -->
                                                                            <!-- ngSwitchWhen: pages -->
                                                                            <!-- ngSwitchWhen: key -->
                                                                            <!-- ngSwitchDefault:  -->
                                                                        </div>
                                                                        <div class="cont">
                                                                            <p class="title ng-binding">客户端.txt</p>
                                                                            <div class="opr">
                                                                                <span class="ng-binding">54B</span>
                                                                                <span class="sep">|</span>
                                                                                <!-- ngIf: message.MMFileStatus == CONF.MM_SEND_FILE_STATUS_QUEUED
                                                                                || message.MMFileStatus == CONF.MM_SEND_FILE_STATUS_SENDING
                                                                                || message.MMStatus == CONF.MSG_SEND_STATUS_SENDING -->
                                                                                <!-- ngIf: message.MMFileStatus == CONF.MM_SEND_FILE_STATUS_SUCCESS  && (message.MMStatus == CONF.MSG_SEND_STATUS_SUCC || message.MMStatus === undefined) -->
                                                                                <a  href="" class="">下载</a>
                                                                                <!-- end ngIf: message.MMFileStatus == CONF.MM_SEND_FILE_STATUS_SUCCESS  && (message.MMStatus == CONF.MSG_SEND_STATUS_SUCC || message.MMStatus === undefined) -->
                                                                                <!-- ngIf: message.MMFileStatus == CONF.MM_SEND_FILE_STATUS_CANCEL -->
                                                                                <!-- ngIf: message.MMFileStatus == CONF.MM_SEND_FILE_STATUS_FAIL || message.MMStatus == CONF.MSG_SEND_STATUS_FAIL -->
                                                                                <!-- ngIf: message.MMFileStatus == CONF.MM_SEND_FILE_STATUS_QUEUED || message.MMFileStatus == CONF.MM_SEND_FILE_STATUS_SENDING -->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div><!-- end ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_ATTACH -->

                                                            <!-- 模版消息 -->
                                                            <!-- ngIf: message.MsgType == CONF.MSGTYPE_APP && message.AppMsgType == CONF.APPMSGTYPE_READER_TYPE -->

                                                        </div><!-- end ngIf: message.MsgType != CONF.MSGTYPE_EMOTICON -->

                                                        <!--表情消息-->
                                                        <!-- ngIf: message.MsgType == CONF.MSGTYPE_EMOTICON -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                
                                    
                                
                            </div>
                            <div class="box_ft" >
                                <div class="toolbar" id="tool_bar">
                                    <a class="web_wechat_face" href="javascript:;" title="表情"></a>
                                    <a class="web_wechat_screencut"  href="javascript:;" title="截屏"></a>
                                    <a class="web_wechat_pic js_fileupload  webuploader-container"  title="图片和文件">
                                        <div class="webuploader-pick"></div>
                                        <div id="rt_rt_1c39vaq8v1jb81kac8rs1qeldfe1" style="position: absolute; top: 0px; left: 0px; width: 30px; height: 30px; overflow: hidden; bottom: auto; right: auto;">
                                            <input type="file" name="file" class="webuploader-element-invisible" >
                                            <label style="opacity:0;width:100%;height:100%;display:block;cursor:pointer;background:rgb(255, 255, 255);"></label>
                                        </div>
                                    </a>
                                </div>
                                <div class="content" >
                                    <pre id="editArea" class="flex edit_area" contenteditable="true" ></pre>
                                    <span class="caret_pos_helper" id="caretPosHelper"></span>
                                </div>

                                <div class="action">
                                    <span class="desc">按下Shift+Enter换行</span>
                                    <a class="btn btn_send" href="javascript:;" >发送</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--end chat-->
            </div>
            <p class="copyright">
                <span>© 2018 onlyxiahui Inc. All Rights Reserved</span>
                <span class="sep"></span>
                <a href="http://www.oimchat.com" target="_blank">帮助</a>
            </p>
        </div>
        <script type="text/javascript">
            (function ($) {
                $(window).on("load", function () {
                    $.mCustomScrollbar.defaults.scrollButtons.enable = true; //enable scrolling buttons by default
                    $.mCustomScrollbar.defaults.axis = "y"; //enable 2 axis scrollbars by default
                    $(".scrollbar").mCustomScrollbar({theme: "dark-3"});
                });
            })(jQuery);
        </script>
    </body>
</html>
